<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

	<title>平滑悬停效果导航菜单</title>
	<link rel="stylesheet" type="text/css" href="./css.css">
</head>
<body>
	<!-- 分层 -->
	<nav class="layer">
		<ul class="ul">
			<li>
				<a href="https://www.baidu.com/" target="_blank">百度</a>
			</li>
			<li>
				<a href="http://ibaotu.com/" target="_blank">包图网</a>
			</li>
			<li>
				<a href="https://www.zhihu.com/" target="_blank">知乎</a>
			</li>
			<li>
				<a href="https://github.com/spabc159" target="_blank">GitHub</a>
			</li>
			<li>
				<a href="https://gitee.com/shine159" target="_blank">码云</a>
			</li>
			<li>
				<a href="http://bbs.ngacn.cc/thread.php?fid=540" target="_blank">NGA-FGO板块</a>
			</li>
			<li>
				<a href="http://m.tieba.com/mo/q/m?word=ff14&page_from_search=index&tn6=bdISP&tn4=bdKSW&tn7=bdPSB&lm=16842752&lp=6093&sub4=%E8%BF%9B%E5%90%A7&pn=0&" target="_blank">手机FF14吧</a>
			</li>
			<li>
				<a href="https://www.bilibili.com" target="_blank">B站</a>
			</li>
		</ul>
	</nav>
	
	<section class="front page layer">
		<h1 class="font">MY HOME<br>GO GO GO!</h1>
	</section>
</body>
</html>
